<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <script src="./font/iconfont.js"></script>
    <link rel="stylesheet" href="./CSS/login.css">
    <title>23201012102--刘启俊--登录</title>
</head>

<body>
    <div class="container">
        <header>
            <div class="logo">
                <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-icon-xiaomiguishu"></use>
                </svg>
                <p>让每个人都能享受科技的乐趣</p>
            </div>
        </header>

        <section>
            <h2>小米账号登录</h2>
            <div class="input_box">
                <input type="text" id="username" name="username" placeholder="请输入您的用户名">
            </div>
            <div class="input_box">
            <input type="password" id="password" name="password" placeholder="请输入您的密码"maxlength>
        </div>
            <div class="btn" onclick="location.href='Index.html'">登 录</div>
            <div class="btn register" onclick="location.href='reg.html'">注 册</div>
        

        </section>

        

<!-- 下导航 -->
<footer>
    <nav class="bottom_nav">
        <ul>
            <li>
                <a href="./index.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye2"></use>
                    </svg>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="./productList.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenlei"></use>
                    </svg>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwu"></use>
                    </svg>
                    <p>服务</p>
                </a>
            </li>
            <li>
                <a href="">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gouwu"></use>
                    </svg>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="./myIndex.html">
                    <svg class="icon" aria-hidden="true" style="color: #ff7b00;">
                        <use xlink:href="#icon-wode3"></use>
                    </svg>
                    <p style="color: #ff7b00;">我的</p>
                </a>
            </li>
        </ul>
    </nav>
</footer>
</body>
</html>